/* BAS */
body
{
	margin:20px auto;
	text-align:center;
	padding:0px;
}

h1,h2,h3,p,span,li,ul,ol,td,tr,thead,tbody,tfoot,label,legend,textarea,em { font-family:Arial; color:#3E3E3E; }

h1 { padding-bottom:10px; border-bottom: 1px solid #ccc; }

hr
{ 
	height:0px;
	padding-top:20px; 
	margin:0px; 
	border:none; 
	border-bottom:1px dashed #ccc;
}

p,span,thead,tbody,label,em { font-size:13px; }

fieldset { border: 1px dashed #ccc; padding:15px; }

a:link, a:visited { color:#e75c01; }

input[type="text"] {width:250px;}

input[type="button"], input[type="submit"] { padding: 3px 10px; }

select { padding: 2px 2px; }


/* KLASSER */

.clear-float {clear:both;}

.float-right { float:right; width:100px; position:relative }

.float-left { float:left; }

.create-user-box {width:280px; text-align:right; }
	.create-user-box input[type="text"],.create-user-box input[type="email"],.create-user-box input[type="password"] {width:155px; }

.login-box {width:280px; text-align:right; }
	.login-box input[type="text"],.login-box input[type="password"] {width:155px; }
	
.label-header { margin:7px 0px; }

.erase-btn
{ 
  	border: 1px solid #710000;
  	background: #d52626;
  	color: white;
  	padding:7px 20px;
  	cursor: pointer;
  	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px; 
}

.album-images-table td { padding-right:8px; }

.success { color:green; }

.failure { color:red; }

.main-menu li
{ 
	list-style-type:none; 
	display:inline;
	font-size:20px;
	font-weight:bold;
	padding-right:10px;
}

.main-menu li a { text-decoration:none; }

.main-menu li a:hover { text-decoration:underline; }

.main-menu { padding-left:0px; }

/* ID */

#gallery
{
	padding: 10px;
	width: 520px;
}

#gallery ul
{ 
	list-style: none;
	padding: 0px;
}

#gallery ul li
{ 
	display: inline; 
	padding:5px;
}

#gallery ul img
{
	border: 5px solid #e9e9e9;
	border-width: 5px 5px;
}

#gallery ul a:hover img
{
	border: 5px solid #f7f7f7;
	border-width: 5px 5px;
	color: #fff;
}

#gallery ul a:hover { color: #f7f7f7; }

#container
{
	width: 700px;
	margin:0px auto;
	text-align:left;
}
